@charset "UTF-8";

/*コンテンツ内のリンクの文字色を通常の文字色に変更*/
:root {
    --Color-LinkText: var(--Color-NormalText);
    --Color-LinkText-Highlight: var(--Color-NormalText);
    --TopLevelTitle-TextColor: var(--Color-NormalBackground);
    --TopLevelTitle-BackgroundColor: var(--Color-NormalText);
}

:root {
    --Sidebar-Normal-TextColor: var(--Color-NormalText);
    --Sidebar-Normal-BackgroundColor: var(--Color-NormalBackground);
    --Sidebar-Active-TextColor: var(--Color-NormalBackground);
    --SideBar-Active-BackgoundColor: var(--Color-NormalText);
    --Footer-Logo-Image: url(../common_img/aviot.png);
}

/*コンテンツ内の見出しの左の枠線を表示しない*/
.様式A見出し領域,
.様式B見出し領域,
.様式C見出し領域,
.様式D見出し領域,
.様式E見出し領域,
.様式F見出し領域,
.レベル1見出し領域,
.レベル2見出し領域 {
    border-left: none;
}

/*コンテンツ以外のリンクの文字色を通常の文字色に変更*/
a, a:hover, a:focus {
    color: var(--Sidebar-Normal-TextColor);
    background-color: var(--Sidebar-Normal-BackgroundColor);
}

/*目次の展開された項目の親の縦棒を黒に変更*/
#sidebar #note > ul > li > a.parent.expand.active,
#sidebar #note > ul > li > a.parent.expand,
#sidebar #bookmark > ul > li > a.parent.expand.active,
#sidebar #bookmark > ul > li > a.parent.expand {
    border-left-color: var(--SideBar-Active-BackgoundColor);
}

/*目次のアクティブ項目の背景色を変更*/
#sidebar #note a.active,
#sidebar #note a.parent.active,
#sidebar #note a.parent.expand.active,
#sidebar #note > ul > li > a.active,
#sidebar #note > ul > li > a.parent.active,
#sidebar #note > ul > li > a.parent.expand.active,
#sidebar #bookmark a.active,
#sidebar #bookmark a.parent.active,
#sidebar #bookmark a.parent.expand.active,
#sidebar #bookmark > ul > li > a.active,
#sidebar #bookmark > ul > li > a.parent.active,
#sidebar #bookmark > ul > li > a.parent.expand.active {
    color: var(--Sidebar-Active-TextColor);
    background-color: var(--SideBar-Active-BackgoundColor);
}

/*目次のマウスオーバー時の背景色を変更*/
#sidebar #note a:hover,
#sidebar #note a.parent:hover,
#sidebar #note a.parent.expand:hover,
#sidebar #note > ul > li > a:hover,
#sidebar #note > ul > li > a.parent:hover,
#sidebar #note > ul > li > a.parent.expand:hover,
#sidebar #bookmark a:hover,
#sidebar #bookmark a.parent:hover,
#sidebar #bookmark a.parent.expand:hover,
#sidebar #bookmark > ul > li > a:hover,
#sidebar #bookmark > ul > li > a.parent:hover,
#sidebar #bookmark > ul > li > a.parent.expand:hover {
    color: var(--Sidebar-Active-TextColor);
    background-color: var(--SideBar-Active-BackgoundColor);
}

#footer {
    background-image: var(--Footer-Logo-Image);
    background-repeat: no-repeat;
    background-position-x: 6px;
    background-position-y: center;
    background-size: auto 50%;
    height: 40px;
}

    #footer .helpBt {
        display: none;
    }

.layout-container {
    bottom: 40px;
}

/*表紙のレイアウトを固定 (画面幅に合わせて変えない)*/
#content .coverHeader,
#contentsList .coverHeader {
    display: block;
}

#content .coverTitle,
#contentsList .coverTitle {
    display: block;
}

#content .coverBody,
#contentsList .coverBody {
    display: block;
}

#content .coverBodyText,
#contentsList .coverBodyText {
    display: block;
    float: none;
}

#content .model img,
#contentsList .model img {
    display: block;
}

#content .coverImage,
#contentsList .coverImage {
    float: none;
}

    #content .coverImage.largeCoverImage,
    #contentsList .coverImage.largeCoverImage {
        float: none;
    }

    #content .coverImage img,
    #contentsList .coverImage img {
        display: block;
    }

#content .approvalDate,
#contentsList .approvalDate,
.corpo {
    float: none;
}

/*ページめくりボタンと重ならないように、コンテンツ領域の左右に余白を作る*/
#content {
    margin-left: 20px;
    margin-right: 15px;
}

    #content .searchList {
        margin-left: -20px;
        margin-right: -15px;
    }

/*PDFボタン*/
.表紙ボタン領域 {
    text-align: right;
    margin-bottom: 1rem;
}

.PDFボタン領域 {
}

.PDFボタンアイコン領域 {
    padding-right: 0.2em;
}

.PDFボタンテキスト領域 {
}

/*表紙レイアウト変更*/
.表紙ヘッダー領域,
#content .coverHeader,
#contentsList .coverHeader {
    text-align: center;
}

.製品名領域,
#content .productName,
#contentsList .productName {
    text-align: center;
}

.機種名領域,
#content .model,
#contentsList .model {
    text-align: center;
    font-size: xxx-large;
}

.文書名領域,
#content .manualName,
#contentsList .manualName {
    text-align: center;
}

.表紙画像領域,
#content .coverImage,
#contentsList .coverImage {
    text-align: center;
}

@media only screen and (max-width: 480px) {
    .製品名領域, #content .productName, #contentsList .productName {
        font-size: xx-large;
    }
}